﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DetalheProduto.ascx.cs" Inherits="Ecommerce.Web.UserControl.DetalheProduto" %>
<link href="../Style/Estilo.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">

        $(document).ready(function () {
            $("#<%=txtQuantidade.ClientID%>").mask(
                '9?999',
                { placeholder: " " }
            );
        });

        function ValidarQuantidade() {

            if ($("#<%=txtQuantidade.ClientID%>").val() == '') {
                alert('Informe a quantidade');
                $("#<%=txtQuantidade.ClientID%>").focus();
                return false;
            }
            else {
                return true;
            }
        }
    </script>

<div class="box_ct_det_prod">
    <div class="box_ct_det_prod_img">
        <asp:Image ID="imgProduto" Width="229px" Height="189px" CssClass="box_ct_det_prod_img_a" runat="server" ImageUrl="~/Images/bt_detalhes_b.jpg" />    
    </div>
    <div class="box_ct_det_prod_rede_social">

        <div class="box_ct_det_prod_facebook">
            <iframe src="//www.facebook.com/plugins/like.php?href=<%=Request.Url.OriginalString %>;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" 
                scrolling="no" 
                frameborder="0" 
                style="border:none;overflow:hidden; width:100px; height:21px;" 
                allowTransparency="true">
            </iframe>
        </div>

        <div class="box_ct_det_prod_twitter">
            <a  href="https://twitter.com/share" 
                class="twitter-share-button" 
                data-via="IgorAMSantana">Tweet
            </a>
            <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>        
        </div>
    </div>
    <div class="box_ct_det_prod_nom">
        <asp:Label ID="lblNomeProduto" runat="server" Text="WMI 145 ED"></asp:Label>
    </div>
    <div class="box_ct_det_prod_val">
        <asp:Label ID="lblValorProduto" runat="server" Text="R$ 1.400,00"></asp:Label>
    </div>
    <div class="box_ct_det_prod_add">
        <div class="box_ct_det_prod_qtd">
            <div class="box_ct_det_prod_txt_qtd">Qtd.</div>
            <div class="box_ct_det_prod_campo_qtd">
                <asp:TextBox ID="txtQuantidade" CssClass="box_ct_det_prod_campo_qtd_txt" MaxLength="4" runat="server"></asp:TextBox>
            </div>
            <div class="box_ct_det_prod_add_btn">
                <asp:ImageButton ID="btnAdicionar" ImageUrl="~/Images/bt_adicionar.jpg"  OnClientClick="return ValidarQuantidade();"
                    runat="server" onclick="btnAdicionar_Click" />
            </div>
        </div>
    </div>
    
    <div class="box_ct_det_prod_tumb">
        <div class="box_ct_det_prod_tumb_t">
            <asp:Label ID="lblTitImagem" runat="server" Text="Mais imagens" CssClass="box_ct_det_prod_desc_abv_tit_t"></asp:Label>
        </div>
        <div class="tumb_fotos">
            <asp:Repeater ID="rptMaisFotos" runat="server" onitemdatabound="rptMaisFotos_ItemDataBound">
                <ItemTemplate>
                    <div class="tumb_foto_a">
                        <a id="lnkThumb" runat="server" style="border-width:0" href="" rel="lightbox">
                            <asp:Image BorderWidth="0" ID="imgMaisFotos" rel="lightbox" runat="server" width="80" height="80" />
                        </a>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </div>


    <div class="box_ct_det_prod_desc_abv">
        <div class="box_ct_det_prod_desc_abv_tit">
            <asp:Label ID="lblDescAbreviadaTit" runat="server" Text="Descrição" CssClass="box_ct_det_prod_desc_abv_tit_t"></asp:Label>    
        </div>
        <asp:Label ID="lblDescAbreviada" runat="server" Text="Descrição Abreviada" CssClass="box_ct_det_prod_desc_abv_t"></asp:Label>
    </div>

</div>
